.article-content { background-image: url(../images/blog-bg@2x.png); background-repeat: no-repeat;  // background-position: center -140px!important;
background-size: 100% auto; padding-top: 45px; }
.content { max-width: 800px; margin: 30px auto; }
.article-content .tab_qm {}
.article-content .tab_qm td { line-height: 2; border:1px #CCCCCC solid; padding:3px; }
.article-content .qiming_qm { text-align:center;}
.article-content .qiming_qm b { padding:2rem}
.article-content p, .article-content .cont h2, .article-content .cont h3 { font-size: 16px; color: #383838; line-height: 2; margin: 0 0 10px; margin-bottom: 30px; }
.article-content .cont h2 { font-size: 20px; }
.article-title, .article-content h1 { font-size: 38px; color: #383838; line-height: 48px; text-align: center; margin-bottom: 30px; }
.article-meta { text-align: right; margin-bottom: 50px; }
.article-meta a { padding:0 4px;}
.cont_next { border-top: 1px dashed #d3d3d3; margin-top: 16px; padding-top: 10px; margin-bottom: 30px; }
.cont_next li { line-height: 24px; color: #999; }
.cont_next li a { color: #999; }
.cont_next li a:hover { color: #379cee; }
.cont_next .return { float: right; font-size: 14px; color: #379cee; border: 1px solid #379cee; line-height: 38px; padding: 0 20px; margin-top: 6px; }

.bdsharebuttonbox { float: left; margin-top: -4px; }
.bg-white { background-color: #fff !important; }
.bg-grey { background-color: #F7F8F8 !important; }
.h80 { height: 80px; }
.h40 { height: 40px; }
.m2apiCon2 { margin: 0px 0 0px 255px; }
nav.navbar.bootsnav.navbar-fixed .logo-scrolled.logo-mobile { display: none !important; }
 @media (max-width: 992px) {
.m2apiCon2 { margin-right: 0; margin-left: 235px; }
}
 @media (max-width: 767px) {
.m2apiCon2 { margin-left: 0; }
.content { width: 100%; padding: 30px; }
.content img { width: 90%; margin: 0 auto; }
}
 @media (max-width: 600px) {
nav.navbar.bootsnav.navbar-fixed .logo-scrolled.logo-pad { display: none !important; }
nav.navbar.bootsnav.navbar-fixed .logo-scrolled.logo-mobile { display: block !important; }
}
#gotop { position: fixed; display: block; bottom: 70px; right: 30px; top: auto; width: 40px; height: 40px; line-height: 40px; font-size: 20px; text-align: center; color: #3d4450; background: #DEDEDE; transition: font-size 1s, background 1s; cursor: pointer; z-index: 77; opacity: 0.5; }
@media (max-width: 768px) {
#gotop { right: 10px; }
}
#gotop:hover { color: #fff; font-size: 20px; background: #3a73ef; opacity: 0.9; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out }
*html #gotop { position: absolute; bottom: auto;  top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}
.btn-group-lg .btn-primary { background-color: #3a73ef; }
.line { border-bottom: #dedede; }
.hmFocusConOpacityBg { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); }
.navbar-brand img { height: 46px !important; }
 @media (max-width: 992px) {
.navbar-brand img { height: 34px !important; }
}
#bef, #aft, #tel { position: fixed; width: 40px; height: 40px; line-height: 40px; right: 30px; text-align: center; color: #3d4450; background: #DEDEDE; transition: font-size 1s, background 1s; cursor: pointer; z-index: 77; opacity: 0.7; margin-bottom: 10px; font-size: 20px; }
#bef, #aft { height: auto; padding: 5px 0; line-height: 1; color: #fff; background-color: #3a73ef; opacity: 0.9; }
#bef i, #aft i { display: block; }
#bef .text, #aft .text { margin-top: 5px; display: block; line-height: 14px; font-size: 12px; text-align: center; }
#bef { bottom: 233px; }
#aft { bottom: 160px; }
#tel { bottom: 110px; }
#bef:hover, #aft:hover, #tel:hover { color: #fff; background-color: #3a73ef; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; opacity: 1; }
.input-warpper { line-height: 60px; max-width: 800px; margin: 0 auto; height: 60px; border: 1px solid #cfdae6; border-radius: 100px; background: #fff; position: relative; }
.input-warpper input { font-size: 16px; color: #555; float: left; width: 70%; /* line-height: 46px;
    height: 46px;*/
text-indent: 30px; border: none; border-radius: 100px; background-color: transparent; outline: none; }
.input-warpper span.verification { font-size: 18px; width: 30%; text-align: center; border-left: none; cursor: default; height: 58px; line-height: 60px; display: inline-block; float: right; border-top-right-radius: 100px; border-bottom-right-radius: 100px; background-color: #3a73ef; cursor: pointer; }
.input-warpper span.verification:hover { font-size: 17px; }
.input-warpper span input { color:#fff; width:100%; }
@media (min-width: 768px) {
.modal-dialog { width: 380px; margin: 180px auto 0px auto; }
}
#queryModal .form-group { line-height: 34px; width: 100%; height: 34px; margin:0 auto 15px; border: 1px solid #ccc; border-radius: 4px; background: #fff; position: relative; }
#queryModal .actived { border-color: #3a73ef; }
#queryModal .form-group input { font-size: 14px; float: left; width: 75%; /* line-height: 46px;
    height: 46px;*/
text-indent: 10px; border: none; outline: none; background-color: transparent; }
#queryModal .form-group input:focus { outline: none; color: #3a73ef; }
.modal-header { background-color: #3a73ef; text-align: center; color: #FFFFFF; }
.modal-footer { padding-top: 0px; text-align: center; border-top: 0px solid #e5e5e5; }
.btn-primary { color: #fff; background-color: #3a73ef; border-color: #3a73ef; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus { background-color: #3a73ef; border-color: #3a73ef; outline: none; }
#queryModal .form-group input#captcha { float: left; margin-bottom: 15px; width: 40%; }
#queryModal .modal-dialog .form-group input#verification { color: #FFFFFF; width: 35%; text-align: center; height: 32px; line-height: 32px; display: inline-block; float: right; margin-bottom: 15px; background-color: #3a73ef; cursor: pointer; }
label.fieldError { line-height: 34px; color: #ffb042; font-weight: normal; width: 25%; text-align: center; }
#footer_alert { width: 100%; height: 70px; position: fixed; bottom: -100px; background: #e9e9e9; background: rgba(233,233,233,0.9); z-index: 999; }
#footer_alert .img { width: 96px; height: 66px; position: absolute; bottom: 0px; }
#footer_alert .txt { font-size: 24px; color: #535353; line-height: 58px; margin-left: 120px; float: left; }
#footer_alert .txt span { font-family: "Arial"; font-size: 24px; color: #3a73ef; margin: 0 10px; vertical-align: bottom; }
#footer_alert .btn { width: 166px; font-size: 16px; color: #fff; float: left; margin-left: 20px; margin-top: 11px; background: #3a73ef; border-radius: 19px; }
#footer_alert .close { width: 25px; height: 25px; float: right; cursor: pointer; margin-top: 17px; }
.footer_nav { width: 100%; height: 50px; line-height: 50px; position: fixed; bottom: 0; left: 0; background: #3a73ef; text-align: center; z-index: 100; }
.footer_nav a { width: 100%; height: 100%; display: block; float: left; color: #fff; font-size: 16px; }
@media only screen and (min-width:750px) and (max-width:850px) {#footer_alert {height: 85px!important;}}